<template>
    <require from="./em-task-list.less"></require>
    <div class="em-task-list">
        <!-- <h1>list</h1> -->
        <div class="header"><span>排列方式</span></div>
        <div class="ui relaxed divided bulleted list">
            <div repeat.for="item of taskPage.content" class="item">
                <!-- <i class="large github middle aligned icon"></i> -->
                <div class="content">
                    <a class="header">${item.project.key}-${item.projectTaskId}</a>
                    <div class="description">${item.title}</div>
                </div>
            </div>
        </div>
        <div class="footer">
            <i click.delegate="refreshHandler()" class="icon refresh link ${(searchAjax && searchAjax.readyState != 4) ? 'loading' : ''}"></i>
            <div class="page">
                <div class="ui horizontal bulleted list">
                    <a repeat.for="item of taskPage.totalPages" class="item ${taskPage.number == $index ? 'active' : ''}" click.delegate="switchPageHandler($index)">
					    ${$index+1}
					  </a>
                </div>
            </div>
        </div>
    </div>
</template>
